<template>
	<view class="leftMenu" :class="{show:isShowLeftMenu}">
		左边菜单{{isShowLeftMenu}}
	</view>
</template>

<script>
	import {mapState} from "vuex";
	export default {
		data() {
			return {
				
			};
		},
		computed:{
			...mapState(["isShowLeftMenu"])
		}
	}
</script>

<style lang="scss" scoped>
	.leftMenu{
		background-color: rgba(0,0,0,0.8);
		position: fixed;
		z-index: 99;
		top: 0px;
		left: 0px;
		width: 220upx;
		height: 100%;
		color: white;
		font-size: 28upx;
		transform: translateX(-100%);
		transition: all 0.2s linear; 
		&.show{
			transform: translateX(0px);
		}
		
	}
</style>
